import React, { useEffect, useRef } from 'react';

import LineChart from '../components/echarts/LineChart';
import BarChart from '../components/echarts/BarChart';

import obj from './css/Dashboard.module.scss'

// 组合组件：组件可以在其输出中引用其他组件
function Dashbord() {
  let chartData = {
    xAxisData: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    seriesData: [820, 932, 901, 934, 1290, 1330, 1320]
  }
  return (
      <div className={obj.dashboard}>
        <div className={obj.left}>
          <LineChart  value={chartData} />
        </div>
        <div className={obj.right}>
          <BarChart  value={chartData} />
        </div>

      </div>
  );
}

export default Dashbord
